.mydata {
	main {
		padding: 0;
		display: flex;
		flex-direction: column;
		// 头部
		.header {
			background: url(../../assets/images/index-card-badge.png) no-repeat;
			background-size: 80px;
			background-position: 150px 40px;
			background-color: #4294ff;
			color: #fff;
			padding: 10px 20px;
			// 跳转标志
			a {
				font-family: "宋体";
				font-weight: bold;
				color: #fff;
			}
			// 标题
			.title {
				display: flex;
				justify-content: space-between;
				line-height: 40px;
				margin: 20px 0 30px 0;
				// 我的徽章
				p {
					font-size: 20px;
					span {
						color: #ccc;
					}
				}
				.rank {
					color: #000;
					font-size: 18px;
					#rankNum {
						font-size: 80px;
						color: #fff;
					}
				}
			}
		}
		// 徽章列
		.datacontent {
			padding: 20px;
			flex-grow: 1;
			ul {
				display: flex;
				flex-wrap: wrap;
				align-content: space-around;
				li {
					margin: 10px 8px 10px 0;
					text-align: center;
					p {
						margin-top: 10px;
						font-size: 14px;
					}
				}
			}
		}
	}
}
